<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="css/font-awesome.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="js/jquery-3.1.1.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/beyondts.js"></script>
</head>
<body>
<input type="text" name="a"/>
<br/>
<select name="b">
    <option value="11">11</option>
    <option value="22">22</option>
    <option value="33">33</option>
</select>
<br/>
<input type="checkbox" name="c" value="M"> M
<input type="checkbox" name="c" value="F"> F
<br/>
<input type="radio" name="d" value="B"> b
<input type="radio" name="d" value="x"> x
<br/>
<input type="button" name="e" value="confirm"/>
<input type="button" name="f" value="alert"/>

<script>
    document.getElementsByName("e")[0].onclick = function() {
        showConfirm("this is a confirm", "are you sure ?");
    }
    document.getElementsByName("f")[0].onclick = function() {
        showMsg("this is an alert", "a test message here");
    }
</script>
</body>
</html>